<template>
	<div class="manage_page fillcontain">
		<el-row style="height: 100%;">
			<el-col :span="4" style="min-height: 100%; background-color: #324057; width: 12%;">
				<el-menu :default-active="defaultActive" style="min-height: 100%;" theme="dark" router>
					<el-menu-item index="/manage"><i class="el-icon-menu"></i>首页</el-menu-item>
					<el-submenu index="2">
						<template slot="title"><i class="el-icon-document"></i>考核管理</template>
						<el-menu-item index="/papEr">历史试题</el-menu-item>
						<el-menu-item index="/addPaper">添加试卷</el-menu-item>
						<el-menu-item index="/score">成绩分析</el-menu-item>
					</el-submenu>
					<el-submenu index="3">
						<template slot="title"><i class="el-icon-star-on"></i>学生管理模块</template>
						<el-menu-item index="/studentlist">学生列表</el-menu-item>
						<el-menu-item index="/addstudent">添加学生</el-menu-item>
					</el-submenu>
					<el-submenu index="4">
						<template slot="title"><i class="el-icon-edit"></i>学情管理</template>
						<el-menu-item index="/courseList">课程管理</el-menu-item>
						<el-menu-item index="/workList">作业管理</el-menu-item>
						<el-menu-item index="/attendanceList">考勤管理</el-menu-item>
						<el-menu-item index="/speedList">学习进度</el-menu-item>
					</el-submenu>
					<el-submenu index="5">
						<template slot="title"><i class="el-icon-setting"></i>习题管理</template>
						<el-menu-item index="/addtext">添加习题</el-menu-item>
						<el-menu-item index="/exercise">习题库</el-menu-item>
						<el-menu-item index="/kindlist">分类列表</el-menu-item>
						<el-menu-item index="/textlist">习题列表</el-menu-item>
					</el-submenu>
					<!-- 课程管理模块 -->
					<el-submenu index="6">
						<template slot="title"><i class="el-icon-document"></i>课程管理</template>
						<el-menu-item index="/courseslist">课程列表</el-menu-item>
						<el-menu-item index="/coursefile">课程资料</el-menu-item>
						<el-menu-item index="/addpassage">添加章节</el-menu-item>
						<el-menu-item index="/addbrief">添加小结</el-menu-item>
					</el-submenu>
				</el-menu>
			</el-col>
			<el-col :span="20" style="height: 100%;overflow: auto; width: 88%;">
				<keep-alive>
					<router-view></router-view>
				</keep-alive>
			</el-col>
		</el-row>
	</div>
</template>

<script>
export default {
	computed: {
		defaultActive: function () {
			return this.$route.path.replace('/', '');
		}
	},
}
</script>


<style lang="less" scoped>
// @import '../style/mixin';
</style>
